﻿body { line-height: 22px; font-size: 15px; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3  {color: #333333;}
.wrapper { margin: 0 auto; padding: 0; position: relative; width: 980px; font-family: Calibri; }
.wrapper img {border: 0 none;}
.wrapper .logo { float: left;}
.wrapper .top-banner { height: 115px;}
.wrapper .banner-quirkLink{list-style: none;float:right; margin-top:0px; margin-bottom: 0px; margin-right: 0px;}
.wrapper .banner-quirkLink li {position: relative; display: inline;  height: 114px; width: 120px; float: left;}
.wrapper .banner-quirkLink li a { cursor: pointer; float: left; width: 120px; height: 23px;  background-image: url(../Images/QuirkLink/QuirkLinkBackGround.png);
                                 background-repeat: no-repeat;  line-height:20px; display: block; padding-top: 92px; text-align: center;
                                 color:#FFFFFF; text-shadow:2px 2px 2px #666666; }
.wrapper #quirkLinkVietnam a {background-color: #989898; background-position: -10px 0;}        
.wrapper #quirkLinkVietnam a:active,
.wrapper #quirkLinkVietnam a:hover {background-color: Red;}        
.wrapper #quirkLinkLao a {background-color: #989898; background-position: -201px 0;}        
.wrapper #quirkLinkLao a:active,
.wrapper #quirkLinkLao a:hover {background-color: #5750ad;}        
.wrapper #quirkLinkCombodia a {background-color: #989898; background-position: -420px 0;}        
.wrapper #quirkLinkCombodia a:active,
.wrapper #quirkLinkCombodia a:hover {background-color: #edc83d;}        
.wrapper #quirkLinkMekong a {background-color: #989898; background-position: -630px 0;}        
.wrapper #quirkLinkMekong a:active,
.wrapper #quirkLinkMekong a:hover {background-color: #5da1c4;}        
.wrapper #quirkLinkMyama a {background-color: #989898; background-position: -866px 0;}        
.wrapper #quirkLinkMyama a:active,
.wrapper #quirkLinkMyama a:hover {background-color: #3a7729;}        

.wrapper .quirkLinkShadowTop {display: none;  position: absolute; z-index:1000; left: -6px; top:-5px; height: 5px; width: 131px; background-image: url(../Images/QuirkLink/ShadowTop.png);}
.wrapper .quirkLinkShadowLeft {display: none; position: absolute; z-index:1000; left:-5px;   height: 115px; width: 5px; background-image: url(../Images/QuirkLink/ShadowLeft.png); background-repeat: repeat-y;}
.wrapper .quirkLinkShadowRight {display: none; position: absolute; z-index:1000; left:120px; height: 115px; width: 5px; background-image: url(../Images/QuirkLink/ShadowRight.png); background-repeat: repeat-y;}
.wrapper .quirkLinkShadowBottom {display: none;position: absolute; z-index:1000; left:-5px; top:115px; height: 5px; width: 131px; background-image: url(../Images/QuirkLink/ShadowBottom.png);}
                         
.top-menu {position: absolute; width:975px; z-index: 900; cursor: default; height: 41px;   background-image: url(../Images/Menu/MenuMiddle.png);
    background-repeat: repeat-x; padding-top: 3px; padding-left: 5px; font-family: Calibri; }
#topMenu ul li a:hover {color: White;text-shadow:2px 2px 2px #666666; line-height:20px; }
#topMenu ul li a {line-height:20px; overflow:hidden }
.panel-gallery { height: 344px; width: 100%;  overflow: hidden; }
.wrapper .content { float:left; padding-left: 5px; }
.wrapper .content-homepage { width: 750px; }
.wrapper .readmore { float: right; padding-bottom: 10px; padding-right: 15px; font-size: 15px; font-weight: bold; }
.wrapper a { text-decoration: none; color: black; }
.wrapper a:hover { color: #e67817; }
.wrapper .news { padding-top: 15px; border-bottom: 1px solid #e67817; width: 765px; }
.wrapper .sub-news { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
.wrapper .content #header {text-align: center;font-size: 16pt;padding-bottom: 10px;}
.wrapper .right-menu{float: right;width: 190px;}
.right-menu .header {height: 40px; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px;}
.right-menu .rightmenu-image {float: left;}
.right-menu .rightmenu-title {float: left; padding-left: 10px; padding-top: 10px; color: #333333; font-size: 15px; font-weight: bold;}
.right-menu .online-support {text-align: center; padding-bottom: 10px;}
.right-menu  .recomend-tour {height: 300px; width: 100%; padding: 5px; }
.footer {background-color: #e67817;padding: 5px;}
.footer .footer-top a:hover{color: White;}
.wrapper .search{position: absolute;top: 200px;right: 0;padding-right: 10px;z-index: 550;}
.wrapper .search img{cursor: hand;}
.wrapper .search .search-box{display : inline;border: 1px solid #F29917;width: 110px;padding-right: 15px;}
.wrapper .search .search-button {position: absolute;top: 36px;right: 4px;}
.wrapper .search .search-box input{margin-left: 5px;border: 0px;width: 80px;}
.wrapper .search #phone, .wrapper .search #info{display: inline;font-size: 12px;font-weight: bold;margin-left: 3px;font-family: Calibri;}
.wrapper .search #phone{padding-right: 3px;}
.wrapper .youarehere{padding-top: 10px;padding-left: 5px;padding-bottom: 5px;float: left;}
.wrapper .footer .address{display: inline;color: black;}
.wrapper .footer .footer-address{padding-top: 12px;}
.wrapper .footer .copyright{padding-top: 10px;padding-left: 5px;color: black;}
.wrapper .footer .top{display: inline;float: right;color: black;}   
.wrapper .listPrograme{background-color: Red;line-height: 150%;padding-left: 10px;}
.wrapper .listprograme-title{line-height: 45px;font-size: 24px;font-weight: bold;text-align: center;}
.wrapper .listPrograme .programe{line-height: 150%;margin-left: 30px;margin-right: 30px;float: left;height: 466px;border: 1px solid white;}
.wrapper .listPrograme .programe:hover{border: 1px solid #c77904;}
.wrapper .listPrograme  .listPrograme-arrowLeft{padding-top: 233px;float: left;padding-right: 15px;margin-left: 5px;position: absolute;left: 0;}
.wrapper .listPrograme  .listPrograme-arrowRight{padding-top: 233px;float: left;padding-left: 15px;position: absolute;right: 0;}
.wrapper .listPrograme  .listPrograme-arrowLeft .arrow-button-left{width: 20px;height: 22px;background-image: url(../images/arrowLeft.png);}
.wrapper .listPrograme  .listPrograme-arrowLeft .arrow-button-left:hover{width: 20px;height: 22px;background-image: url(../images/arrowHoverLeft.png);}
.wrapper .listPrograme  .listPrograme-arrowRight .arrow-button-right{width: 20px;height: 22px;background-image: url(../images/arrowRight.png);}
.wrapper .listPrograme  .listPrograme-arrowRight .arrow-button-right:hover{width: 20px;height: 22px;background-image: url(../images/arrowHoverRight.png);}
.programes {margin:0px; list-style: none outside; padding: 0px;}
.programes .programes-item { width:243px; display: inline; position: relative; float: left;}
.programes .programes-content {background-color:#eeeaea; margin: 10px; border:solid 1px #eeeaea;}
.programes .programes-content:hover { margin: 10px;  border:solid 1px #e67817;}
.programes .image-item {height:135px; width:221px; overflow: hidden; text-align: center; background: White;}
.programes .text-item {text-align:center; overflow: hidden; padding-top: 5px; padding-bottom: 5px; font-size:large; width: 221px; height: 20px;}
.programes-item:hover {background-image: url(../images/ListPrograme/ProductsShadow.png);}
.admin-wrapper{margin: 0 auto;padding: 0;position: relative;width: 978px;font-family: Calibri;}
.admin-wrapper .admin-leftMenu{float: left;width: 200px;border:solid 1px #333333;}
.admin-wrapper .admin-rightArea {float: right;width: 755px;}
.admin-wrapper .admin-banner{background-image: url("../Images/Menu/MenuMiddle.png");height: 40px;color: White;}
.admin-wrapper .admin-banner a{text-decoration: none;color: White;}
.admin-wrapper .hi-admin{display: inline;line-height: 22px;}
.admin-wrapper .admin-logo{padding-left: 25px;padding-top: 10px;padding-bottom: 10px;}
.login-container{background-image: url('../Images/LoginBackground.png');}
.login-wraper { padding: 0px; height: 300px; background-image: url('../Images/LoginBanner.png'); background-repeat: no-repeat;
                position: relative; margin-left: 100px; margin-top: -4px; padding-top: 277px; padding-left: 188px;}
.login-box {border:solid 1px #57566f;background-color: White;height: 170px;width: 230px;padding: 45px;}
.login-label{height: 20px;font-size: 13px;font-family: Calibri, Verdana, Arial;}
.login-label span{color: #555;line-height: 20px;font-family: Arial, Helvetica, sans-serif;font-size: 17px;font-weight: bold;}
.login-wraper #floatLeft { float:left; width:300px; }
.login-wraper #loginError { position: absolute; top:295px; left: 246px; color:Red; }
.login-box input {width:230px;height:25px;border:1px solid #d4d0c8;margin-bottom:25px;}
.admin-header {width: 733px;padding-top: 10px; padding-bottom: 2px; border-bottom :1px solid #ff8403; height: 45px; color: #333 }
.admin-wrapper .admin-field {padding-top: 20px; color:#555; font-weight: bold; }
.admin-wrapper .admin-content { padding: 15px; }
.rounded { border-radius: 5px 5px 5px 5px; } 
.shadow { box-shadow :0 0 2px #DDDDDD }
.admin-wrapper .textbox { border: 1px solid #CCCCCC; padding: 8px 5px; width: 300px; }
.admin-wrapper .texteditor{width: 735px;}
.button {background: none repeat scroll 0 0 #DDDDDD;color: #333333;line-height: 100%;padding: 5px 8px;font-weight: bold;font-size: 15px;margin-top: 10px;}
.errorMessage{color: Red;}
.gridview { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.gridview td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.gridview th { padding: 4px 2px; color: #fff; background: #424242 url(../Images/Grid/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.gridview .alt { background: #fcfcfc url(../Images/Grid/grd_alt.png) repeat-x top; }
.gridview .pgr {background: #424242 url(../Images/Grid/grd_pgr.png) repeat-x top; }
.gridview .pgr table { margin: 5px 0; }
.gridview .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.gridview .pgr a { color: #666; text-decoration: none; }
.gridview .pgr a:hover { color: #000; text-decoration: none; }
.contentShowdow {background-image: url('../Images/ListPrograme/Shadow.png'); display: none; position: absolute;z-index: 1000; left: -23px; top: -23px;  height: 454px; width: 227px;}      
.rightmenu-quirklink {overflow: hidden; margin-bottom: 15px; width: 190px; height: 95px; text-align:center; background-color:#eeeaea;}
.rightmenu-quirklink a {text-decoration:none; color:White;}
.rightmenu-quirklink a:hover {color:White;}
.admin-wrapper .google-map {width: 195px; float: left;  border:3px solid #BBBBBB; height: 300px;}
.admin-wrapper .location {margin-right: 5px;}
.admin-wrapper .marker {margin-left: 5px;}
.admin-wrapper .map {float: left; border:3px solid #BBBBBB;}
.admin-wrapper .map-textbox {background-color: #DDDDDD; width: 180px;}
#supersized a{color:White; margin:0px; padding:0px;}
#supersized a:hover {color:White; margin:0px; padding:0px;}